import { defineStore } from 'pinia'
// 定义并导出容器
// 1.容器id唯一,pinia会将容器挂载到根容器
const useCounter = defineStore({
    id: 'user',
    state: () => ({
        // 类似组件的data,用来存储全局状态
        // 必须是函数:避免在服务端渲染的时候交叉请求导致数据污染
        // 必须是箭头函数: ts更好的类型推导
        count: 0,
        name: '张三',
        id: '123'
    }),
    getters: {
        // 类似组件的computed,用来封装计算属性,用缓存功能
        // 若使用this,则必须手动指定返回类型,否则类型推导不出
        // 函数接受一个可选对象state
        // count10 (): number {
        //   return this.count + 10
        // }
        gettersCount (state) {
            return state.count + 10;
        }
    },
    actions: {
        setCount (val) {
            this.count = val
        },
        // 分装业务逻辑 ,修改state
        // 不能使用箭头函数定义action,因为箭头函数绑定外部this
        //
        logout () {
            this.$patch({
                name: '',
            })
        },

        // async login(user, password) {
        //   const userData = await apiLogin(user, password)
        //   this.$patch({
        //     name: user,
        //     ...userData,
        //   })
        // },
    },
})
export default useCounter